<template>
    <div>
        <h2>Demo - Demo - Demo </h2>
        <h1>count -- {{count}}</h1>
        <h3>msg  --- {{msg}}</h3>
        <p v-for="(l,i) in list " :key="i">
            {{l}} -- {{i}}
        </p>
        <hr>
        <h3>单文件组件 </h3>
        <p>完整语法高亮</p>
        <p>CommonJS 模块  支持模块化</p>
        <p>组件作用域的 CSS  独立的CSS作用域 </p>
    </div>
</template>

<script>
import {msg,list} from "@/utils/many"
import "@/utils/three"
// urlParse();
// console.log(likes);

export default {
    data(){
        return {
            count:100,
            msg:msg,
            list
        }
    },
    methods:{},
    mounted(){

    }
}
</script>

<style lang="scss" scoped>
div{
    h2{
        color:orange;
    }
    h3{
        color:yellow;
    }
}
</style>